<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

* {
  box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
}
body {
  font-family: Arial;
  padding: 10px;
  background: #d6d1d1;
}
 
/* 头部标题 */
.header {
  padding: 30px;
  text-align: center; 
  background: rgb(231, 224, 224);
  background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-090923%2Fezaj0sjisrcezaj0sjisrc.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649992205&t=52561bb0fcd809a95e2ba8ec82e0ba32');
  background-position: right bottom, left bottom; 
}
 
.header h1 {
  font-size: 50px;
}
 
/* 导航条 */
.topnav {
  overflow: hidden;
  background-color: #333;
}
 
/* 导航条链接 */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 
/* 链接颜色修改 */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
 
/* 创建两列 */
/* Left column */
.leftcolumn {   
  float: left;
  width: 75%;
}
 
/* 右侧栏 */
.rightcolumn {
  float: left;
  width: 25%;
  background-color: #f1f1f1;
  padding-left: 20px;
}
 
/* 图像部分 */
.fakeimg {
  background-color: #aaa;
  width: 50%;
  padding: 20px;
}
 
/* 文章卡片效果 */
.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}
 
/* 列后面清除浮动 */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 
/* 底部 */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
}
 
/* 响应式布局 - 屏幕尺寸小于 800px 时，两列布局改为上下布局 */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}
 
/* 响应式布局 -屏幕尺寸小于 400px 时，导航等布局改为上下布局 */
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}
</style>
</head>
<body>
<div class="header">
  <h1>周 杰 伦</h1>
  <h2>     Jay Chou</h2>
</div>

<div class="topnav">
  <a href="file:///D:/%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86.html">个人简介</a>
  <a href="file:///D:/%E9%9F%B3%E4%B9%90%E4%BD%9C%E5%93%81.html">音乐作品</a>
  <a href="file:///D:/%E6%BC%94%E8%89%BA%E7%BB%8F%E5%8E%86.html#">演艺经历</a>
  <a href="https://baike.baidu.com/item/%E5%91%A8%E6%9D%B0%E4%BC%A6/129156?fr=aladdin" style="float:right">更多</a>
</div>

<div class="row">
  <div class="leftcolumn">
    <div class="card">
      <h2>周杰伦</h2>
      <p>   1979年1月18日台湾省新北市中国
        周杰伦（Jay Chou），1979年1月18日出生于台湾省新北市，祖籍福建省泉州市永春县，中国台湾流行乐男歌手、音乐人、演员、导演、编剧，毕业于淡江中学。
        2000年发行首张个人专辑《Jay》。2001年发行的专辑《范特西》奠定其融合中西方音乐的风格 [1]  。2002年举行“The One”世界巡回演唱会 [2]  。2003年成为美国《时代周刊》封面人物 [3-4]  。2004年获得世界音乐大奖中国区最畅销艺人奖 [333]  。2005年凭借动作片《头文字D》获得金马奖、金像奖最佳新人奖 [6]  。2006年起连续三年获得世界音乐大奖中国区最畅销艺人奖 [7]  。2007年自编自导的文艺片《不能说的秘密》获得金马奖年度台湾杰出电影奖 [8]  。
        2008年凭借歌曲《青花瓷》获得第19届金曲奖最佳作曲人奖。2009年入选美国CNN评出的“25位亚洲最具影响力人物” [9]  ，同年凭借专辑《魔杰座》获得第20届金曲奖最佳国语男歌手奖 [10]  。2010年入选美国《Fast Company》评出的“全球百大创意人物” [11]  。2011年凭借专辑《跨时代》再度获得金曲奖最佳国语男歌手奖，并且第四次获得金曲奖最佳国语专辑奖；同年主演好莱坞电影《青蜂侠》 [12]  。2012年登福布斯中国名人榜榜首 [13]  。2014年发行华语乐坛首张数字音乐专辑《哎呦，不错哦》 [14]  。2021年在央视春晚演唱歌曲《Mojito》 [149]  。
        演艺事业外，他还涉足商业、设计等领域。2007年成立杰威尔有限公司 [16]  。2011年担任华硕笔电设计师，并入股香港文化传信集团 [17-18]  。
        周杰伦热心公益慈善，多次向中国内地灾区捐款捐物。2008年捐款援建希望小学 [19]  。2014年担任中国禁毒宣传形象大使 [20]  。
    </p>
    <br>
    <h2>家庭情况</h2>
    <p>周杰伦的父亲周耀中是淡江中学的生物老师 [191]  ，母亲叶惠美是淡江中学的美术老师。周杰伦跟母亲之间的关系就像弟弟跟姐姐。他也多次写歌给母亲，比如《听妈妈的话》，甚至还把母亲的名字叶惠美作为专辑的名称。由于父母离异，因此周杰伦很少提及父亲周耀中，后来在母亲和外婆叶詹阿妹的劝导下，他重新接纳了父亲。/p>
    <br>
    <h2>感情生活</h2>
    <p>  2004年底，周杰伦与侯佩岑相恋 [315]  。2005年，两人公开承认恋情 [315]  。2006年5月，两人分手 [316-317]  。
        2014年11月17日，周杰伦公开与昆凌的恋情 [192]  。2015年1月17日，周杰伦与昆凌在英国举行婚礼 [193-194]  ；2月9日，周杰伦与昆凌在台北举行泳池户外婚宴 [195]  ；3月9日，周杰伦、昆凌在澳洲举办家庭婚礼 [196-197]  ；7月10日，周杰伦与昆凌的女儿Hathaway出生 [198-199]  。2017年2月13日，周杰伦宣布妻子怀二胎 [200]  ；6月8日，周杰伦与昆凌的儿子Romeo出生 [201]  。2022年1月19日，周杰伦宣布妻子昆凌怀三胎 [338]  。/p>
    </div>
  </div>
  <div class="rightcolumn">
    <div class="card">
      <div ><img src="https://tse1-mm.cn.bing.net/th/id/R-C.470ef762afc6acfe6477de6b972d1b95?rik=AImswiOCODaQ%2fw&riu=http%3a%2f%2fp4.music.126.net%2fbyFMx1yMaLl_H3WEEHEfuQ%3d%3d%2f7987951977708112.jpg&ehk=YTwj%2bpjgpLHE5p%2fSiN4z5f%2bRpxUxLW7cuMsMUL0FqHM%3d&risl=&pid=ImgRaw&r=0" alt="Norway" width="300" height="20"></div>
    </div>
    <div class="card">
      <div ></div><p><video width="320" height="240" controls>
        <source src="C:\Users\杨振\Desktop\网页\周杰伦 - 夜曲_T0010Rcobut_4_0 [mqms].mp4" type="video/mp4">
      </video>
      </p></div>
    </div>
  </div>
</div>

<div class="footer">
  <h2>个人原创</h2>
</div>

</body>
</html>